:host {
    .toolbar-btn {
        padding-left: 0;
    }

    ::ng-deep {
        .ant-checkbox-wrapper+.ant-checkbox-wrapper {
            margin: 0;
        }

        .listDiv {
            cdk-virtual-scroll-viewport {
                border: 1px solid rgba(242, 242, 240, 1);
            }

            .selectedItem {
                background: #e6f7ff;

                span {
                    a {
                        color: rgba(212, 72, 86, 1);
                    }
                }

                ul>li>a>i {
                    color: rgba(212, 72, 86, 1);
                }
            }

            .listBottom {
                height          : 2.5rem;
                overflow        : hidden;
                text-align      : center;
                background-color: rgba(245, 245, 245, 0.7);

                &:hover {
                    background-color: rgba(245, 245, 245, 1);
                    transition      : all 1s;
                }
            }
        }

        .ant-tabs-nav {
            width : 100%;
            margin: 0 !important;
        }

        .buttons {
            padding: 0;

            button {
                display  : block;
                max-width: 10rem;
                margin   : 0.3rem 0.5rem 0 0;
            }

            .ant-btn+.ant-btn:not(.ant-btn-link),
            .ant-btn+nz-popconfirm,
            nz-popconfirm+.ant-btn,
            nz-popconfirm+nz-popconfirm,
            .ant-btn+nz-button-group,
            nz-button-group+.ant-btn,
            .ant-btn+nz-dropdown,
            nz-dropdown+.ant-btn,
            nz-popconfirm+nz-button-group,
            nz-button-group+nz-popconfirm {
                margin-left: 0;
            }
        }

        .ant-tabs-bar {
            margin: 0;
        }

        // .ant-tree-node-selected {
        //   background: none !important;
        // }
        // .ant-tree-node-content-wrapper:hover {
        //   background: none;
        // }
        .ant-tree-node-content-wrapper {
            width: 100%;
        }

        .ant-tabs .ant-tabs-tabpane {
            padding      : 10px 10px 2px 10px;
            background   : #fdfdfd;
            border-right : solid 1px #eee;
            border-bottom: solid 1px #eee;
            border-left  : solid 1px #eee;
        }

        // .ant-tabs-tab {
        //   width: 50%;
        //   text-align: center;
        // }
        // .ant-tabs-tab-arrow-show {
        //   display: none;
        // }
        ul {
            margin : 0;
            padding: 0;
        }
    }
}

.firstStepBox {
    width      : 100%;
    line-height: 50px;
    text-align : center;
    background : #f7f7f7;
}

.itemBox {
    width      : 100%;
    height     : 50px;
    padding    : 0 0 0 60px;
    color      : #5f5f5f;
    line-height: 50px;
    cursor     : pointer;

    &:hover {
        background: #e6f7ff;
    }
}

.twoStepBox {
    width      : 100%;
    line-height: 50px;
    text-align : center;
    background : #f7f7f7;

    span {
        display: inline-block;
        margin : 0 auto;
    }

    >i {
        float : right;
        margin: 20px 20px 0 0;
    }

    button {
        float : right;
        margin: 8px 20px 0 0;
    }

    .blueFont {
        color: #1890ff;
    }
}

.folder-desc i {
    margin: 0 5px;
}

.flexBox {
    .titleBox {
        display        : flex;
        justify-content: space-between;

        i {
            margin: 0 8px;
        }
    }
}

ul {
    display: block;
}

li {
    line-height: 30px;
    list-style : none;
}

.dictData {
    dl {
        margin : 0;
        padding: 0;
    }

    dt {
        margin       : 0 0 5px 0;
        padding      : 3px 0;
        color        : #999;
        font-weight  : normal;
        font-size    : 13px;
        border-bottom: solid 1px #eee;
    }
}

label {
    color    : #666;
    font-size: 13px;
}

.treeWrap {
    display: flex;
    width  : 700px;

    .leftBox {
        width          : 40%;
        // border-right: solid 1px #eee;
    }

    .rightBox {
        width  : 60%;
        padding: 0 0 0 20px;
    }
}